<template>
  <svg xmlns="http://www.w3.org/2000/svg" 
    :width="_width" 
    :height="_height"
    :spin="spin"
    :rtl="rtl"
    viewBox="0 0 80 39"
    preserveAspectRatio="xMidYMid meet"
    fill="none"
    role="presentation"
    ref="host"
  >
    <g><path fill="#fff" d="m45.896 14.165-1.621 4.548c-.25.677-.98 2.792-2.347 2.792-.278 0-.62-.095-.715-.452-.022-.089-.022-.228.103-.206.128.022.34.044.51.044.748.004 1.1-.386 1.28-.637.282-.393.469-1.015.454-1.619-.011-.493-.187-1.004-.37-1.596l-.657-1.858c-.124-.398-.322-.828-.56-.975l1.026-.118 1.203 3.547s.528-1.428.78-2.348c.085-.305.122-.544.096-.769a.637.637 0 0 0-.132-.353h.95Zm30.1-.005v.335h-.748c.187.18.282.471.271.74-.022.736-.432 1.118-1.246 1.457-.32.132-.635.265-.917.416-.165.084-.253.173-.246.309.008.103.081.176.246.25.422.18 1.258.261 1.965.537.631.243.92.625.92 1.185 0 1.085-1.906 2.086-2.848 2.086-.983 0-1.702-.401-1.702-1.27 0-1.107 1.53-1.799 1.53-1.799-.283-.066-.976-.187-.943-.772.037-.604 1.232-.898 1.232-.898a1.398 1.398 0 0 1-.275-.073c-.601-.236-.869-.703-.862-1.233.015-1.008.84-1.41 1.643-1.406.22 0 .403.034.576.081.154.044.326.052.418.052l.986.004Zm-1.302 1.252c0-.578-.256-1.108-.78-1.108-.525 0-.73.467-.73.968 0 .588.26 1.115.847 1.115.465 0 .663-.468.663-.976Zm-.788 5.485c.744 0 1.51-.379 1.51-1.225 0-.63-.502-.894-.982-.997-.36-.077-.682-.14-.766-.158-.129.04-1.192.5-1.192 1.306 0 .743.825 1.074 1.43 1.074Zm-15.122-7.435h-.051c-.242-.467-.594-.897-1.617-.897-1.559 0-2.16 1.284-2.16 2.7 0 1.564.777 2.778 2.405 2.778.855 0 1.416-.368 1.702-.688v.059c0 .449-.7 1.383-2.248 1.383-1.808 0-2.904-1.328-2.908-3.256-.003-1.95 1.25-3.422 3.216-3.418.576 0 1.06.092 1.657.081v1.258h.004Zm10.245 2.351c-.015.166-.033.302-.033.512 0 .927.403 1.814 1.415 1.814.488 0 .965-.2 1.203-.468v.11c-.037.53-.605 1.009-1.489 1.012-1.408.004-2.013-1.17-2.013-2.376 0-1.296.73-2.38 2.09-2.38.954 0 1.518.65 1.518 1.298 0 .416-.216.478-.821.482h-1.87v-.004Zm1.052-.298c.488 0 .745-.026.745-.4 0-.369-.268-.759-.756-.759-.627 0-.88.63-.975 1.16h.986Zm6.993.298c-.015.166-.033.302-.033.512 0 .927.403 1.814 1.415 1.814.488 0 .965-.2 1.203-.468v.11c-.037.53-.605 1.009-1.489 1.012-1.408.004-2.013-1.17-2.013-2.376 0-1.296.73-2.38 2.09-2.38.954 0 1.518.65 1.518 1.298 0 .416-.216.478-.821.482h-1.87v-.004Zm1.052-.298c.488 0 .745-.026.745-.4 0-.369-.268-.759-.756-.759-.627 0-.88.63-.979 1.16h.99Z"/><path fill="#fff" d="M39.548 18.793c-1.37 0-1.932-1.126-1.932-2.211 0-1.545.87-2.55 2.358-2.55 1.371 0 1.932 1.126 1.932 2.212.004 1.545-.865 2.55-2.358 2.55Zm.33-.36c.935 0 1.174-.939 1.174-1.763 0-1.166-.349-2.274-1.4-2.274-.936 0-1.174.939-1.174 1.763 0 1.166.348 2.274 1.4 2.274Zm15.335 10.162.004-.953h.044c.227.512.612.802 1.224.799.558-.004.906-.306.906-.84 0-.614-.517-.83-1.012-1.121-.484-.284-.95-.516-.953-1.248-.004-.794.575-1.173 1.51-1.173.297 0 .74.036 1.034.125l.004.754h-.04c-.22-.442-.569-.574-1.027-.574-.389 0-.74.202-.744.614-.008.534.443.74.902.997.564.313 1.096.644 1.096 1.406 0 .945-.821 1.413-1.665 1.416a3.76 3.76 0 0 1-1.283-.202Zm6.57-3.797c.114-.155.55-.729 1.328-.729.744 0 1.224.368 1.224 1.295l-.003 2.23c0 .416.026.824.198 1.078h-.968v-2.73c0-.636-.063-1.335-.858-1.335-.76 0-.913.706-.913 1.383v1.604c0 .416.01.824.183 1.074H60.83c.172-.25.187-.658.187-1.074v-2.37c0-.408-.037-.794-.245-.993l1.008-.132v.699h.003Zm-14.046-6.545c.594 0 .876-.457.876-1.108v-1.008l-.52.268c-.734.368-1.112.59-1.108 1.137 0 .479.304.71.752.71Zm.872-.151c-.201.338-.553.673-1.243.706-.685.03-1.239-.342-1.239-1.1 0-.942 1.118-1.302 1.797-1.593.583-.25.685-.328.689-.887.004-.497-.176-.876-.759-.876-.502 0-.649.273-.73.523-.073.228-.168.434-.469.434-.22 0-.367-.132-.367-.371 0-.678.98-.887 1.742-.887.704 0 1.357.162 1.357.81v2.718c0 .416.01.824.183 1.075h-.898a2.295 2.295 0 0 1-.063-.552Zm2.681-.523c0 .416.01.824.183 1.074H50.33c.176-.25.187-.658.187-1.074v-4.743c0-.408-.036-.794-.245-.993l1.015-.155.004 5.89ZM39.3 24.544l-1.046-.004v3.054c0 .415.011.824.184 1.074h-1.144c.172-.25.187-.659.187-1.074V24.54h-.477v-.36h.477v-1.292c.036-.957.792-1.166 1.624-1.144.227.007.704.095.704.408 0 .188-.14.316-.308.328-.312.018-.513-.438-.803-.438-.418.003-.444.478-.444 1.074v1.063H39.3v.365Zm14.314.169-.062-.622-.968.14c.25.195.297.585.297.994v2.37c0 .415-.011.823-.187 1.073h1.144c-.172-.25-.183-.658-.183-1.074v-2.222c0-.35.12-.721.645-.618.176.033.396.088.609.047.19-.036.267-.169.264-.36-.004-.18-.15-.372-.492-.372-.432.004-.817.258-1.067.644Zm-2.68 3.407c.01.243.029.45.051.552h.887c-.176-.254-.183-.658-.183-1.074v-3.506l-1.02.14c.21.198.246.584.246.993v1.482c0 .986-.22 1.531-.894 1.575-.668.044-.862-.39-.862-1.07v-3.124l-1.02.14c.21.198.246.585.246.993v2.193c0 .831.36 1.402 1.247 1.405.69.004 1.166-.47 1.302-.699ZM36.916 17.704l-1.708-2.355c.847-.313 1.433-.898 1.433-1.818 0-.831-.693-1.31-1.815-1.31-.773 0-1.309.085-2.145.063.22.313.217.817.217 1.262v3.845c0 .449.003.946-.22 1.258h1.386c-.22-.312-.224-.81-.224-1.258l.004-1.821c.377.033.48.154.74.504l1.478 2.06c.22.32.407.512.832.512h.899c-.272-.192-.587-.552-.877-.942Zm-2.676-2.506a3.51 3.51 0 0 1-.393-.022l-.003-2.55h.432c.888 0 1.401.11 1.401 1.108.004.945-.473 1.464-1.437 1.464Zm12.976 9.323c0-.875.007-1.666.308-2.2H46.39c.304.534.308 1.325.308 2.204l-.004 2.741s-3.172-4.507-3.38-4.786c-.121-.159-.21-.155-.396-.155H41.88c.297.298.319.832.319 1.32v2.834c0 .876-.008 1.666-.312 2.2h1.133c-.304-.534-.308-1.32-.308-2.2v-3.142l3.791 5.338h.727a20.735 20.735 0 0 1-.019-.886l.004-3.268Zm14.124-5.716c-1.372 0-1.933-1.145-1.933-2.234 0-1.545.87-2.531 2.358-2.531 1.371 0 1.932 1.126 1.932 2.211 0 1.546-.869 2.554-2.357 2.554Zm.326-.365c.935 0 1.173-.938 1.173-1.762 0-1.166-.348-2.274-1.4-2.274-.935 0-1.174.938-1.174 1.763.004 1.166.349 2.273 1.4 2.273Zm5.621-.865c0 .416.01.824.183 1.074h-1.144c.176-.254.187-.658.187-1.074v-4.742c0-.409-.036-.795-.245-.994l1.015-.154.004 5.89Zm-1.984 0c0 .416.011.824.184 1.074h-1.144c.172-.254.187-.658.187-1.074v-4.742c0-.409-.037-.795-.246-.994l1.016-.154.004 5.89ZM34.247 28.94c-1.371 0-1.925-1.144-1.925-2.233 0-1.545.862-2.531 2.35-2.531 1.372 0 1.926 1.126 1.926 2.211 0 1.549-.862 2.553-2.35 2.553Zm.327-.36c.935 0 1.173-.938 1.173-1.762 0-1.167-.348-2.274-1.4-2.274-.936 0-1.174.938-1.174 1.762 0 1.163.348 2.274 1.4 2.274Zm34.283-4.397v.335h-.748c.187.18.282.47.271.74-.022.735-.433 1.118-1.247 1.456a10.18 10.18 0 0 0-.913.416c-.165.085-.253.173-.245.31.007.102.08.176.245.25.426.18 1.258.264 1.966.537.63.242.92.625.92 1.184 0 1.086-1.907 2.086-2.849 2.086-.983 0-1.701-.4-1.701-1.269 0-1.107 1.529-1.8 1.529-1.8-.283-.065-.976-.187-.943-.772.037-.603 1.232-.897 1.232-.897a1.41 1.41 0 0 1-.275-.074c-.601-.236-.869-.703-.861-1.233.014-1.008.84-1.409 1.642-1.405.22 0 .404.033.576.08.154.045.326.052.418.052l.983.004Zm-1.302 1.251c0-.578-.257-1.108-.781-1.108s-.73.468-.73.968c0 .589.26 1.115.847 1.115.47.004.664-.464.664-.975Zm-.788 5.486c.744 0 1.51-.38 1.51-1.226 0-.629-.502-.893-.982-.996-.36-.078-.682-.14-.767-.159-.128.04-1.191.5-1.191 1.306 0 .747.825 1.075 1.43 1.075Z"/><path fill="#DA0042" d="m17.178 28.532-6.933-13.378c-.415-.798-.231-1.685.528-2.082.759-.397 1.554-.059 1.983.699l2.054 3.782c.535.986 1.55 1.354 2.53.84.982-.52 1.136-1.627.63-2.595l-1.312-2.568.01-10.515c0-.74.518-1.336 1.192-1.34.679 0 1.24.597 1.243 1.336l-.014 11.13c0 .129.095.232.209.232.117 0 .216-.103.216-.228l.011-12.322c0-.74.528-1.336 1.206-1.34.679 0 1.258.597 1.258 1.336l-.018 12.322c0 .129.095.228.212.228.118 0 .21-.103.21-.232l.01-10.725c0-.74.517-1.328 1.196-1.328.678 0 1.243.603 1.243 1.34l-.011 10.713c0 .129.095.228.212.228.118 0 .21-.103.21-.231l.007-8.694c0-.74.531-1.34 1.206-1.34.678 0 1.247.596 1.25 1.336l-.029 23.407-10.509-.01Z"/><path fill="#fff" d="M11.268 17.962 9.94 15.387c-.503-.972-.352-2.09.67-2.62.958-.497 1.966-.055 2.505.89l2.053 3.779c.433.754 1.225 1.06 1.98.662.756-.4.913-1.295.514-2.057l-6.97-13.433L.208 2.594l-.025 23.4c0 .74.553 1.335 1.232 1.335.678 0 1.21-.6 1.206-1.339l.007-8.694c0-.129.096-.232.21-.232.117 0 .212.103.212.228L3.044 28.01c0 .74.564 1.34 1.243 1.34.678 0 1.199-.593 1.199-1.329L5.5 17.292c0-.128.1-.232.217-.232.117 0 .209.104.209.229L5.91 29.61c0 .74.576 1.336 1.25 1.336.679 0 1.203-.6 1.203-1.34l.007-12.321c0-.129.1-.228.217-.228.117 0 .209.103.209.232l-.015 11.13c0 .739.572 1.335 1.25 1.335.679 0 1.225-.6 1.225-1.34l.01-10.452Zm48.547 9.632c0 .416.01.824.187 1.078h-1.145c.173-.254.188-.659.188-1.078v-2.373c0-.409-.037-.795-.246-.997l1.02-.14-.005 3.51Zm-.928-4.908a.525.525 0 1 1 1.05-.002.525.525 0 0 1-1.05.002Z"/><path fill="#fff" d="M77.327 34.801c0-.677.557-.927 1.1-.927.147 0 .275.026.385.051.117.026.209.052.268.052l.23-.015.22-.01c.026 0 .034.007.034.025 0 .11-.008.15-.085.158l-.293.026c.125.136.158.328.158.504 0 .511-.283.769-.851.946-.165.047-.693.276-.693.504 0 .452 2.06.268 2.06 1.287 0 .718-1.257 1.406-1.877 1.406-.649 0-1.092-.294-1.092-.868 0-.729.924-1.03.924-1.203 0-.118-.565-.052-.565-.494 0-.367.682-.412.682-.559 0-.033-.037-.037-.066-.051-.378-.18-.539-.482-.539-.832Zm.044 2.885c0 .493.543.71.942.71.492 0 .994-.25.994-.81 0-.415-.367-.61-.66-.684-.235-.059-.392-.1-.451-.1-.07.004-.825.354-.825.884Zm1.052-2.252c.308 0 .433-.302.433-.636 0-.383-.165-.736-.51-.736-.344 0-.473.301-.473.629 0 .39.165.743.55.743Zm-4.22-1.454.609-.04v.232c0 .052-.007.107.037.107.058 0 .344-.401.858-.401.49 0 .799.243.799.853v1.472c0 .243 0 .526.106.71h-.587v-1.799c0-.42-.058-.88-.583-.88-.516 0-.615.468-.615.913v1.056c0 .243 0 .526.117.71h-.722c.117-.184.117-.463.117-.71V34.64c0-.268 0-.526-.136-.658Zm-1.371 0 .627-.106v2.325c0 .243 0 .526.117.71h-.722c.117-.184.117-.463.117-.71v-1.773c0-.22 0-.353-.139-.445Zm-1.907.494c0 .78 1.36.688 1.36 1.6 0 .622-.6.938-1.158.938-.26 0-.484-.051-.726-.143-.073-.026-.11-.052-.11-.144 0-.158.026-.316.033-.478.202.328.367.53.8.53.384 0 .615-.184.615-.56 0-.801-1.294-.669-1.294-1.64 0-.493.378-.703.994-.703.194 0 .4.033.594.077.018.008.088.019.088.06l-.015.444c-.257-.32-.385-.386-.686-.386-.26.004-.495.125-.495.405Zm-2.281 1.722v-1.163c0-.467 0-.92-.168-1.056.242-.007.469-.033.55-.033.117 0 .047.328.117.328.033 0 .25-.394.634-.394.228 0 .36.092.36.25 0 .125-.066.217-.228.217-.124 0-.256-.018-.414-.018-.326 0-.367.232-.367.519v1.35c0 .243 0 .526.118.714h-.72c.118-.188.118-.471.118-.714Zm-1.305-.636v-1.13c0-.225-.008-.357-.143-.445l.627-.107v2.377c0 .268 0 .526.139.655l-.616.04v-.232c0-.051-.007-.106-.033-.106-.048 0-.3.4-.858.4-.444 0-.8-.301-.8-.879V34.4c0-.224-.007-.356-.142-.445.176-.026.44-.077.528-.077.088 0 .099.051.099.143v1.76c0 .419.058.878.583.878.597.004.616-.654.616-1.1Zm-4.744-1.58.608-.04v.232c0 .052-.007.107.04.107.06 0 .345-.401.859-.401.491 0 .8.243.8.853v1.472c0 .243 0 .526.105.71h-.586v-1.799c0-.42-.059-.88-.583-.88-.517 0-.616.468-.616.913v1.056c0 .243 0 .526.117.71h-.719c.118-.184.118-.463.118-.71V34.64c-.008-.268-.008-.526-.143-.658Zm-2.773.001v-.912c0-.63.499-.755 1.049-.755.15 0 .466.019.466.236a.195.195 0 0 1-.202.202c-.19 0-.385-.242-.528-.242-.275 0-.293.51-.293.71v.761h.418c.018 0 .044 0 .044.018a.78.78 0 0 1-.019.126c-.018.051-.34.092-.4.092h-.043V36.2c0 .243 0 .526.117.71h-.719c.118-.184.118-.464.118-.71v-1.983h-.044c-.074 0-.143-.015-.217-.019v-.217h.253Zm-.605 1.354c0 1.02-.56 1.681-1.544 1.681-.902 0-1.26-.743-1.26-1.457 0-1.019.564-1.681 1.543-1.681.902 0 1.261.74 1.261 1.457Zm-2.259-.066c0 .769.235 1.508.932 1.508.616 0 .777-.61.777-1.155 0-.77-.235-1.509-.928-1.509-.616 0-.78.611-.78 1.156Zm-2.822-.25h-1.174c-.01.125-.025.231-.025.367 0 .611.275 1.196.957 1.196.319 0 .634-.132.792-.309v.074c0 .346-.55.67-1.034.67-.858 0-1.265-.773-1.265-1.568 0-.854.473-1.571 1.367-1.571.627 0 1.001.416 1.001.839.004.302-.212.302-.62.302Zm-1.133-.195h.674c.32 0 .492 0 .492-.25a.49.49 0 0 0-.499-.501c-.41 0-.587.401-.667.75Zm-1.013-.854v.651h-.032c-.158-.301-.276-.504-.653-.504-.583 0-.902.604-.902 1.325 0 .655.242 1.207.96 1.207.242 0 .532-.096.715-.295v.107c0 .342-.458.56-.957.56-.825 0-1.309-.674-1.309-1.472 0-.946.61-1.667 1.577-1.667.323-.004.601.059.601.088Zm-3.494.01.627-.106v2.325c0 .243 0 .526.117.71h-.722c.117-.184.117-.463.117-.71v-1.773c-.003-.22-.003-.353-.139-.445Zm-.469 1.355c0 1.02-.561 1.681-1.544 1.681-.902 0-1.261-.743-1.261-1.457 0-1.019.564-1.681 1.543-1.681.902 0 1.262.74 1.262 1.457Zm-2.259-.066c0 .769.235 1.508.931 1.508.616 0 .778-.61.778-1.155 0-.77-.235-1.509-.928-1.509-.616 0-.781.611-.781 1.156Zm-1.122-1.289h.627a3.22 3.22 0 0 0-.315.612 22.008 22.008 0 0 0-.884 2.358H43.7l-.135-.453c-.32-1.052-.558-1.95-.895-2.516l.477-.04c.117 0 .15.047.22.29l.575 1.91c.033.099.04.176.077.176.048 0 .074-.1.1-.184.183-.592.535-1.39.535-1.957a.88.88 0 0 0-.008-.195Zm-4.026 1.039h-1.173c-.011.125-.026.231-.026.367 0 .611.275 1.196.957 1.196.32 0 .634-.132.792-.309v.074c0 .346-.55.67-1.034.67-.858 0-1.265-.773-1.265-1.568 0-.854.473-1.571 1.368-1.571.627 0 1 .416 1 .839 0 .302-.216.302-.619.302Zm-1.133-.195h.675c.319 0 .491 0 .491-.25a.49.49 0 0 0-.499-.501c-.41 0-.59.401-.667.75Zm-1.202-.092v1.471c0 .243 0 .526.106.71h-.587v-1.799c0-.42-.058-.879-.583-.879-.517 0-.616.467-.616.913v1.055c0 .243 0 .526.118.71H36c.118-.183.118-.463.118-.71v-3.127c0-.269 0-.526-.173-.655l.653-.106v1.858c0 .051 0 .106.026.106.047 0 .3-.4.858-.4.498 0 .803.242.803.853ZM34.39 36.91h-.876c.143-.221.143-.563.143-.858V33.05h-.87c-.15 0-.3.019-.465.144l.132-.471h3.293c-.11.283-.51.327-.777.327h-.723v3.002c0 .295 0 .637.143.858Zm14.784-3.782c0 .184-.15.335-.334.335a.336.336 0 0 1 0-.67c.184 0 .334.15.334.335Zm24.336 0c0 .184-.15.335-.334.335a.335.335 0 0 1 0-.67c.184 0 .334.15.334.335Z" clip-rule="evenodd" fill-rule="evenodd"/></g>
  </svg>
</template>

<script lang="ts">
import { Vue, prop } from 'vue-class-component';

class Props {
    width = prop<number | string>({
      type: [Number, String],
      required: false
    })
    
    height = prop<number | string>({
      type: [Number, String],
      required: false
    })
    
    stroke = prop<string>({
      type: String,
      required: false
    })
    
    fill = prop<string>({
      type: String,
      required: false
    })
    
    color = prop<string>({
      type: String,
      required: false
    })
    
    spin = prop<boolean>({
      type: Boolean,
      required: false
    })
    
    rtl = prop<boolean>({
      type: Boolean,
      required: false
    })
    

  // optional prop with default
  size = prop<number | string>({ default: '1em' })
}

export default class GroupDndjnfp0 extends Vue.with(Props) {
    get _fill(): string | undefined {
        return this.fill || this.color
    }
    get _stroke(): string | undefined {
        return this.stroke || this.color
    }
    get _width(): string | number {
      return this.width || this.size
    }
    get _height(): string | number {
      return this.height || this.size
    }
  mounted():void {
        if (!this._fill) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-fill]').forEach(item => {
            item.setAttribute('fill', item.getAttribute('data-follow-fill') || '')
            })
        }
        if (!this._stroke) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-stroke]').forEach(item => {
            item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '')
            })
        }
    }
    updated():void {
        if (!this._fill) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-fill]').forEach(item => {
            item.setAttribute('fill', item.getAttribute('data-follow-fill') || '')
            })
        }
        if (!this._stroke) {
            (this.$refs.host as HTMLElement)?.querySelectorAll('[data-follow-stroke]').forEach(item => {
            item.setAttribute('stroke', item.getAttribute('data-follow-stroke') || '')
            })
        }
    }
}
</script>

<style scoped>
svg[spin="true"] {animation: iconpark-spin 1s infinite linear;}
svg[spin="true"][rtl="true"] {animation: iconpark-spin-rtl 1s infinite linear;}
svg[rtl="true"] {
  transform: scaleX(-1);
}
@keyframes iconpark-spin {
  0% { -webkit-transform: rotate(0); transform: rotate(0);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes iconpark-spin-rtl {
  0% {-webkit-transform: scaleX(-1) rotate(0); transform: scaleX(-1) rotate(0);} 100% {-webkit-transform: scaleX(-1) rotate(360deg); transform: scaleX(-1) rotate(360deg);}
}
</style>
